<div class="h-full relative">
  <video
    class="video absolute top-0 left-0"
    src="/video.mp4"
    style="display: block;height: 100%;object-fit: contain;"
    autoplay="autoplay"
    loop="loop"
    muted="muted"
  />
  <div class="bg absolute top-0 bottom-0 left--16 right--16" />
</div>

<style>
  .video {
    width: 86%;
    margin-left: 7%;
  }
  .bg {
    z-index: 10;
    background-image: url("./bg.png");
    @apply bg-center bg-no-repeat bg-contain;
  }
  .left--16 {
    left: -16px;
  }
  .right--16 {
    right: -16px;
  }
</style>
